<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ taglib uri="/WEB-INF/tlds/att.tld" prefix="att"%>
<html>
<head>
<meta name="decorator" content="moduleView" />
<script src="${staticPath}/lib/accounting/0.3.2/accounting.min.js"
	type="text/javascript"></script>
<script type="text/javascript">
	function getUrl(url) {
		if (!$("#payinDetailFrame").attr("src")) {
			$("#payinDetailFrame").attr("src", url);
		}
	}

	$(document)
			.ready(
					function() {
						$('[data-accounting]')
								.each(
										function() {
											var $this = $(this);
											if ($this
													.attr("data-accounting-precision")
													&& "" != $this
															.attr("data-accounting-precision")) {
												$this
														.html(accounting
																.formatMoney(
																		$this
																				.attr("data-accounting"),
																		"¥ ",
																		$this
																				.attr("data-accounting-precision") * 1));
											} else {
												$this
														.html(accounting
																.formatMoney(
																		$this
																				.attr("data-accounting"),
																		"¥ "));
											}
										});

					});
</script>
</head>
<body>
	<div class="Report_f">
		<div class="Report_f_1">
			<div class="Report_f_title_1">缴款通知单</div>
			<div class="tab-content Report_f_title_3">
				<div class="Report_f_title_5">
					<div class="o-l-action">
						<a class="btn btn-default btn-sm btn_5 pull-right" role="button"
							href="javascript:void(0)" onclick="history.go(-1)">返回</a> <a
							class="btn btn-primary btn-sm btn_5 pull-right btnPrint"
							role="button"
							href="${contextPath}/biz/statement/stm/payinslip/print?id=${payinslip.id}&billNo=${payinslip.billNo}"
							target="_blank">打印</a>

					</div>
					<div class="col-sm-2 leftbar_1">
						<ul class="nav Report_f_title_6">
							<li><a href="#label_1" data-toggle="tab">基本信息</a></li>
						</ul>
					</div>
					<div class="tab-content Report_f_title_3">
						<div class="tab-pane active" id="label_1">
							<div class="Report_f_title_4">
								<div class="f_3">
									<div class="form-group col-sm-6">
										<label for="inputtext3" class="col-sm-4 control-label f_4">缴款单号:</label>
										<div class="col-sm-8 f_6">
											<div class="col-sm-7 f_14">${payinslip.billNo}</div>
										</div>
									</div>
									<div class="form-group col-sm-6">
										<label for="inputtext3" class="col-sm-4 control-label f_4">供应商编码:</label>
										<div class="col-sm-8 f_6">
											<div class="col-sm-7 f_14">${payinslip.supplierNo}</div>
										</div>
									</div>
								</div>
								<div class="f_2">
									<div class="form-group col-sm-6">
										<label for="inputtext3" class="col-sm-4 control-label f_7">应缴金额:</label>
										<div class="col-sm-8 f_6">
											<div class="col-sm-7 f_14"
												data-accounting="${payinslip.amount}"
												data-accounting-precision="4"></div>
										</div>
									</div>
									<div class="form-group col-sm-6">
										<label for="inputtext3" class="col-sm-4 control-label f_7">供应商名称:</label>
										<div class="col-sm-8 f_6">
											<div class="col-sm-7 f_14">${payinslip.supplierName}</div>
										</div>
									</div>
								</div>
								<div class="f_3">
									<div class="form-group col-sm-6">
										<label for="inputtext3" class="col-sm-4 control-label f_4">收款公司:</label>
										<div class="col-sm-8 f_6">
											<div class="col-sm-7 f_14">${payinslip.collectingCompany}</div>
										</div>
									</div>
									<div class="form-group col-sm-6">
										<label for="inputtext3" class="col-sm-4 control-label f_4">开户行:</label>
										<div class="col-sm-8 f_6">
											<div class="col-sm-7 f_14">${payinslip.bankName}</div>
										</div>
									</div>
								</div>
								<div class="f_2">
									<div class="form-group col-sm-6">
										<label for="inputtext3" class="col-sm-4 control-label f_7">银行帐号:</label>
										<div class="col-sm-8 f_6">
											<div class="col-sm-7 f_14">${payinslip.account}</div>
										</div>
									</div>
									<div class="form-group col-sm-6">
										<label for="inputtext3" class="col-sm-4 control-label f_4">公司地址:</label>
										<div class="col-sm-8 f_6">
											<div class="col-sm-7 f_14">${payinslip.address}</div>
										</div>
									</div>
								</div>
								<div class="f_3">
									<div class="form-group col-sm-6">
										<label for="inputtext3" class="col-sm-4 control-label f_7">联系电话:</label>
										<div class="col-sm-8 f_6">
											<div class="col-sm-7 f_14">${payinslip.contactNumber}</div>
										</div>
									</div>
									<div class="form-group col-sm-6">
										<label for="inputtext3" class="col-sm-4 control-label f_7">开单日期:</label>
										<div class="col-sm-8 f_6">
											<div class="col-sm-7 f_14">
												<fmt:formatDate value="${payinslip.createTime}"
													pattern="yyyy-MM-dd" />
											</div>
										</div>
									</div>
								</div>
								<div class="f_2">
									<div class="form-group col-sm-6">
										<label for="inputtext3" class="col-sm-4 control-label f_4">开单人:</label>
										<div class="col-sm-8 f_6">
											<div class="col-sm-7 f_14">${payinslip.createBy}</div>
										</div>
									</div>
									<div class="form-group col-sm-6">
										<label for="inputtext3" class="col-sm-4 control-label f_7"></label>
										<div class="col-sm-8 f_6">
											<div class="col-sm-7 f_14"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<h4>缴款明细</h4>
						<table
							class="table table-striped table-hover o-l-table table-bordered"
							id="table1">
							<thead class="t_1">
								<tr>
									<th style="width: 12%">合同号</th>
									<th style="width: 12%">缴费项目</th>
									<th style="width: 14%">缴费名称</th>
									<th style="width: 16%">起始日期</th>
									<th style="width: 14%">截止日期</th>
									<th style="width: 14%">应缴金额</th>
									<th style="width: 18%">备注</th>
								</tr>
							</thead>
							<tbody>
								<c:forEach items="${page.list}" var="payinDetail">
									<tr>
										<td>${payinDetail.contractNumber}</td>
										<td>${payinDetail.paymentItem}</td>
										<td>${payinDetail.desc}</td>
										<td><fmt:formatDate value="${payinDetail.startDate}"
												pattern="yyyy-MM-dd " /></td>
										<td><fmt:formatDate value="${payinDetail.endDate}"
												pattern="yyyy-MM-dd " /></td>
										<td data-accounting="${payinDetail.amount}"
											data-accounting-precision="4"></td>
										<td>${payinDetail.remark}</td>
									</tr>
								</c:forEach>
							</tbody>
						</table>
						<div class="tab-pane" id="label_2">
							<iframe id="payinDetailFrame" name="payinDetailFrame"
								scrolling="no" frameborder="no" width="100%"></iframe>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>